// 封装axios
import { Toast } from 'antd-mobile'
import axios, { AxiosError } from 'axios'
import { getToken } from './storage'
import history from './history'
import store from '@/store'
import { logout, saveToken } from '@/store/actions/login'
const baseURL = 'http://geek.itheima.net/v1_0'
const instance = axios.create({
  baseURL: 'http://geek.itheima.net/v1_0/',
  timeout: 5000
})

// 添加请求拦截器
instance.interceptors.request.use(
  function (config) {
    // 在发送请求之前做些什么
    const tokenInfo = getToken()
    console.log('http请求拦截器的token值', tokenInfo);

    if (tokenInfo) {
      config.headers!.Authorization = `Bearer ${tokenInfo.token}`
    }
    return config
  },
  function (error) {
    // 对请求错误做些什么
    return Promise.reject(error)
  }
)

// 添加响应拦截器
instance.interceptors.response.use(
  function (response) {
    // 对响应数据做点什么
    return response
  },
  async function (error: AxiosError<{ message: string }>) {
    // 对响应错误做点什么
    const token = getToken()
    if (!error.response) {
      // 网络问题
      Toast.show('网络繁忙，请稍后重试')
      return Promise.reject(error)
    }
    if (error.response.status === 401) {
      if (token) {
        // token 过期，需要额外处理
        //1、拿到refresh_token
        //2、判断是否有refresh_token
        if (!token.refresh_token) {
          // 没有的话跳转到login页面，登录完之后返回之前的页面
          history.replace('/login', {
            from: history.location.pathname
          })
          Toast.show('登录信息过期，请重新登录')
          return Promise.reject(error)
        }
        //3、使用refresh_token去换取新的token
        try {
          const res = await axios({
            method: 'put',
            url: baseURL + '/authorizations',
            headers: {
              Authorization: `Bearer ${token.refresh_token}`
            }
          })
          // 把新的token存储到redux中
          store.dispatch(saveToken({
            token: res.data.data.token,
            refresh_token: token.refresh_token
          }))
          console.log(res);

          // 重新发送请求
          console.log(error.config);
          //! 在这里发送的请求头是带着过期token的，但是我们使用了instance这个axios对象
          //! 会重新走一遍请求拦截器，重新加上最新的token信息，继续请求
          return instance(error.config)
        } catch (error) {
          // 刷新token失败
          history.replace('/login', {
            from: history.location.pathname
          })
          Toast.show('登录信息失效,请重新登录')
          store.dispatch(logout())
          return
        }
      } else {
        history.replace('/login', {
          from: history.location.pathname
        })
        Toast.show('去登录')
        return
      }
    }
    //其他报错情况
    Toast.show(error.response?.data.message)
    return Promise.reject(error)
  }
)

export default instance